<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>顶部banner如何布局</title>


    <style>
        body{
            margin: 0;
        }

        .banner{
            width: 100%;
            height: 400px;
            background: url('./banner.png') center/cover;

            display: flex;
        }


        .desc{
            font-size: 40px;
            color: #fff;
            margin: auto;
        }


    </style>

</head>

<body>
    <div class="banner" >
        <div class="desc">加入我们</div>

    </div>


</body>

</html>